<template>
  <div class="eyse1">
    <div class="eyse2"><p>客户信息</p></div>
    <div class="eyse3">
      <span
        ><el-icon><DArrowLeft /></el-icon
      ></span>
      <span @click="funnn()" v-for="(v, i) in arr" :key="i">{{ v.tetle }}</span>
      <span
        ><el-icon><DArrowRight /></el-icon
      ></span>
    </div>
    <div class="eyse4"><p>基本信息</p></div>
    <div class="eyse5">
      <table border="1" width="100%" height="40" cellspacing="0">
        <tr>
          <td>企业名称</td>
          <td><input type="text" /></td>
          <td>社会信用代码</td>
          <td><input type="text" name="" id="" /></td>
          <td>行业类型</td>
          <td><input type="text" /></td>
        </tr>
        <tr>
          <td>企业成立时间</td>
          <td><input type="text" /></td>
          <td>进出口许可证</td>
          <input type="text" />
        </tr>
        <tr>
          <td>注册资金币种</td>
          <td><input type="text" placeholder="人名币" /></td>
          <td>工商注册资金（元）</td>
          <td><input type="text" /></td>
          <td>所有制</td>
          <td><input type="text" /></td>
        </tr>
        <tr>
          <td>实际经营地址</td>
          <td>
            <select name="" id="">
              <option value="">请选择</option>
            </select>
          </td>
          <td>
            <select name="" id="">
              <option value=""><span>请选择</span></option>
            </select>
          </td>
          <td>
            <select name="" id="">
              <option value=""><span>请选择</span></option>
            </select>
          </td>
          <td colspan="2"><input type="text" placeholder="请输入地址" /></td>
        </tr>
        <tr>
          <td>企业注册地址</td>
          <td>
            <select name="" id="">
              <option value="">请选择</option>
            </select>
          </td>
          <td>
            <select name="" id="">
              <option value=""><span>请选择</span></option>
            </select>
          </td>
          <td>
            <select name="" id="">
              <option value=""><span>请选择</span></option>
            </select>
          </td>
          <td colspan="2"><input type="text" placeholder="请输入地址" /></td>
        </tr>
        <tr>
          <td>员工人数</td>
          <td><input type="text" placeholder="人数" /></td>
          <td>经营范围</td>
          <td colspan="3"><input type="text" /></td>
        </tr>
        <tr>
          <td>是否上市公司</td>
          <input type="text" />
          <td>营业执照有效期</td>
          <input type="text" />
          <td>企业类型</td>
          <input type="text" />
        </tr>
      </table>
    </div>
    <div class="eyse6">
      <p>法定代编人信息</p>
    </div>
    <table border="1" width="100%" height="50" cellspacing="0">
      <tr>
        <td>法定代表人</td>
        <td><input type="text" /></td>
        <td>性别</td>
        <td><input type="text" /></td>
        <td>证件类型</td>
        <td><input type="text" /></td>
      </tr>
      <tr>
        <td>证件号码</td>
        <td><input type="text" /></td>
        <td>手机号码</td>
        <td><input type="text" /></td>
        <td>电子邮件</td>
        <td><input type="text" /></td>
      </tr>
    </table>
    <div class="eyse7">
      <span>联系方式</span>
      <button>+新增</button>
    </div>
    <div class="eyse8">
      <span v-for="(v, i) in arr2" :key="i">{{ v.tetle }}</span>
    </div>
    <table border="1" width="100%" height="50" cellspacing="0">
      <tr>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
      </tr>
    </table>
    <div class="eyse9">
      <div class="save" @click="fun()">保存</div>
      <div class="submit">提交</div>
      <div class="back" @click="funn()">返回</div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
let router = useRouter();

let fun = () => {
};
let funn = () => {
  router.go(-1);
};
let funnn = ()=>{
   router.push("/views/extension/Fuzhai");
}
let value = ref("");
let arr = [
  {
    tetle: "基本信息",
  },
  {
    tetle: "资产负债表",
  },
  {
    tetle: "利润表",
  },
  {
    tetle: "现金流量表",
  },
  {
    tetle: "股东信息",
  },
  {
    tetle: "管理团队",
  },
  {
    tetle: "银行账户信息",
  },
  {
    tetle: "企业信用概况",
  },
  {
    tetle: "涉诉信息",
  },
];
let arr2 = [
  {
    tetle: "序号",
  },
  {
    tetle: "企业联系人姓名",
  },
  {
    tetle: "职务",
  },
  {
    tetle: "联系电话",
  },
  {
    tetle: "电子邮件",
  },
  {
    tetle: "管理传真团队",
  },
  {
    tetle: "通讯地址",
  },
  {
    tetle: "操作",
  },
];
</script>

<style scoped>
.eyse1 {
  width: 100%;
  height: 100%;
}
.eyse3 {
  width: 100%;
  height: 50px;
  /* background: red; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eyse3 span:hover {
  cursor: pointer;
  background: skyblue;
  color: aliceblue;
}
.eyse5 {
  width: 100%;
  /* height: 500px; */
  text-align: center;
}
input {
  display: inline-block;
  outline: none;
  width: 150px;
  height: 40px;
  border: none;
  font-size: 16px;
  color: red;
  cursor: pointer;
}
.eyse6 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
}
table {
  text-align: center;
}
.eyse7 {
  width: 100%;
  height: 50px;
  /* background: red; */
  line-height: 50px;
  margin-top: 10px;
}
.eyse7 button {
  margin-left: 50px;
  color: skyblue;
  cursor: pointer;
}
.eyse8 {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  line-height: 50px;
  background: red;
}
.eyse9 {
  width: 300px;
  height: 30px;
  background: red;
  display: flex;
  position: fixed;
  bottom: 0px;
  right: 50px;
}
.eyse9 div {
  width: 100px;
  height: 30px;
  border: 1px solid #000;
  margin-left: 10px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border-radius: 5px;
}
</style>